<template>
	<view class="order-item pt35 mb35" @click="jump(`/pages/order/detail?id=${item.orderNumber}`)">
		<view class="order-header d-b-c mb15">
			<view class="order-id f28">订单号: {{ item.id }}</view>
			<view class="order-status status-paid f28 fb" :class="item.paid == 0 ? 'red' : 'green'">{{ item.paid == 0 ? '未支付' : '已支付' }}</view>
		</view>
		<view class="order-program fb f32 mb15">{{ item.courseName }}</view>
		<view class="order-id d-s-c mb30 f28">
			<i class="iconfont icon-xiaoren mr15"></i>
			<text>学员: {{ item.studentName }}</text>
		</view>
		<view class="order-footer d-b-c mb20">
			<view class="order-date">{{ item.time }}</view>
			<view class="order-price fb f36 red">¥{{ item.totalPrice }}</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'orderItem',
	props: ['item'],
	data() {
		return {};
	}
};
</script>

<style scoped lang="scss">
.order-item {
	border-bottom: 1px solid #f0f5ff;
	.order-id {
		color: #7f8c8d;
		.iconfont {
			color: #3498db;
		}
	}
	.order-program {
		color: #2c3e50;
	}
}
</style>
